<template>
    <div id="back">
    <router-view v-slot="{ Component }">
    <transition name="fade" mode="out-in">
    <component :is="Component" />
  </transition>
    </router-view>
<!-- <Textboxv></Textboxv> -->
<!-- <httpboxv></Httpboxv> -->
<Qrimg></Qrimg>
    </div>
</template>

<script>
import Httpboxv from './qrsrc/Httpboxv.vue'
import Textboxv from './qrsrc/Textboxv.vue'
import Subbutton from './Subbutton.vue'
import Qrimg from './Qrimg.vue'
export default {
name:'Mainbox',
components:{
Textboxv,
Subbutton,
Qrimg,
Httpboxv,

},
}
</script>

<style scoped>
#back{
    width: 100%;
    height: 426px;
    background-color: #F1F4F8;
}
 .fade-enter-active, .fade-leave-active {
      transition: opacity .2s ease;
    }
    .fade-enter-from, .fade-leave-to  {
      opacity: 0;
    }
</style>